<template>
  <section class="enterprise-cooperation">
    <h2 class="section-title">企业/产业链合作</h2>
    <p class="section-subtitle">从单点受益到生态共赢，重构健康产业价值</p>
    <div class="cooperation-pyramid">
      <img
        src="https://images.health.ufutx.com/202506/19/31b93a2590b7410aa30de25c430e990c.png"
        alt="金字塔模型"
        class="pyramid-img"
      />
      <!-- 标签可动态配置，此处简化 -->
      <!--      <div class="pyramid-labels">-->
      <!--        <span>终端用户</span>-->
      <!--        <span>健康设备商/保险/金融</span>-->
      <!--        <span>友福AI生态中枢平台</span>-->
      <!--        <span>政府/医疗机构</span>-->
      <!--      </div>-->
    </div>
  </section>
</template>

<script setup lang="ts">
/* 无业务逻辑 */
</script>

<style scoped lang="less">
.enterprise-cooperation {
  text-align: center;
  padding: 100px 0px;
  //background: #f5f7fe;

  .section-title {
    font-size: @font-size-xxl;
    font-weight: bold;
    color: @text-color;
    margin-bottom: 10px;
  }
  .section-subtitle {
    font-size: @font-size-lg;
    color: @text-color-secondary;
    margin-bottom: 50px;
  }
  .cooperation-pyramid {
    position: relative;
    .pyramid-img {
      width: 100%;
      height: auto;
    }
    .pyramid-labels {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
      span {
        font-size: @font-size-sm;
        color: @text-color-primary;
      }
    }
  }
}
</style>
